<script>
import {GetResumes} from "../api/resume.js";
import defaultImage from '../assets/worker.png'
export default {
  name: "ResumeCard",
  props: {
    resume: {
      type: Object,
      default:() => {}
    }
  },
  data() {
    return {
      defaultImage
    }
  }
}
</script>

<template>
  <div class="w-[100px] h-[100px] flex justify-center items-center border rounded cursor-pointer hover:shadow select-none relative">
    <img :src="resume?.avatar?.length > 0 ? resume?.avatar : defaultImage" alt="" class="w-full h-full absolute" draggable="false">
    <div class="absolute bottom-0 bg-black bg-opacity-60 text-white flex justify-center items-center w-full py-1">
      {{resume.title}}
    </div>
  </div>
</template>

<style scoped>

</style>